<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>预约表单</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../css/xadmin.css">
<script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../lib/layui/layui.js"
	charset="utf-8"></script>
<script type="text/javascript" src="../../js/area.js"></script>
<script type="text/javascript" src="../../js/xadmin.js"></script>
<!-- <script type="text/javascript">
			    $(document).ready(function(){   
			        $.post("../../../appointment/selectCargo_type",function(lists){
			            var str="";
			            $.each(lists,function(inx,ele){
			            	str+="<option s=\""+ele.cargo_type_id+"\">"+ele.cargo_type_name+"</option>";
			            })
			            console.log(str);
			            $("#cargo_type").html(str);
			    },"json");
			})
			</script> -->
</head>

<body>
	<div class="x-body">
		<form class="layui-form"
			action="../../../appointment/insertAppointment" method="post">
			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>姓名
				</label>
				<div class="layui-input-inline">
					<input type="text" id="username" name="appointment_name"
						required="" lay-verify="required" autocomplete="off"
						class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label for="phone" class="layui-form-label"> <span
					class="x-red">*</span>联系方式
				</label>
				<div class="layui-input-inline">
					<input type="text" id="phone" name="appointment_tel" required=""
						lay-verify="phone" autocomplete="off" class="layui-input">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label"> <span class="x-red">*</span>物品分类
				</label>
				<div class="layui-input-inline">
					<select id="cargo_type" name="cargo_type_id">
						<option value="所有分类">所有分类</option>
						<option value="家用电器">家用电器</option>
						<option value="家庭用品">家庭用品</option>
						<option value="数码产品">数码产品</option>
						<option value="绝密文件">绝密文件</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"> <span class="x-red">*</span>省
				</label>
				<div class="layui-input-inline">
					<input type="text" name="appointment_province" required=""
						lay-verify="required" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"> <span class="x-red">*</span>市
				</label>
				<div class="layui-input-inline">
					<input type="text" name="appointment_city" required=""
						lay-verify="required" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"> <span class="x-red">*</span>区
				</label>
				<div class="layui-input-inline">
					<input type="text" name="appointment_area" required=""
						lay-verify="required" autocomplete="off" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>详细地址
				</label>
				<div class="layui-input-inline">
					<input type="text" id="address" name="appointment_address"
						required="" lay-verify="required" autocomplete="off"
						class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>预约时间
				</label>
				<div class="layui-inline">
					<input class="layui-input" placeholder="预约时间"
						name="appointment_pare_time" id="start">
				</div>
			</div>
			<div class="layui-form-item layui-form-text">
				<label for="desc" class="layui-form-label"> 备注 </label>
				<div class="layui-input-block" weith="200px">
					<textarea placeholder="请输入内容" id="table_mark" name="remark"
						class="layui-textarea" style="height: 100px; width: 30%"></textarea>
				</div>
			</div>
			<div class="layui-form-item">
				<label for="L_repass" class="layui-form-label"> </label>
				<button class="layui-btn" lay-filter="add" lay-submit="">
					预约</button>
			</div>
		</form>
	</div>

	<script>
        layui.use(['form','laydate'], function(){
            $ = layui.jquery;
          var laydate = layui.laydate
          laydate.render({
          elem: '#start' //指定元素
          ,calendar: true
          ,type: 'datetime'
          });
        });
    </script>
</body>

</html>